
html, body {
    height: 100%;
    margin: 0;
    padding: 0
}

ul, li {
    text-indent: 0;
    text-decoration: none;
    margin: 0;
    padding: 0
}

img {
    border: 0
}

body {
    #background-color: #000;
    color: #999;
    font: 100%/18px helvetica, arial, sans-serif;
    overflow:hidden;
    background: url(../images/bg.jpg);
    background-size: cover;
}

canvas {
    cursor: crosshair;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 99;
	/*pointer-events: none;*/
}
/*.label {*/
/*  font-size: 2.2rem;*/
/*  background: url("img/6368077651977322227241996.png");*/
/*  background-clip: text;*/
/*  -webkit-background-clip: text;*/
/*  color: transparent;*/
/*  animation: moveBg 30s linear infinite;*/
/*}*/

@keyframes moveBg {
  0% {
    background-position: 0% 30%;
  }
  100% {
    background-position: 1000% 500%;
  }
}

.middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  user-select: none;
}

.time {
  color: #d99c3b;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
}

.time span {
  padding: 0 14px;
  font-size: 0.8rem;
}

.time span div {
  font-size: 3rem;
}

@media (max-width: 740px) {
  .label {
    font-size: 1.7rem;
  }
  .time span {
    padding: 0 16px;
    font-size: 0.6rem;
  }
  .time span div {
    font-size: 2rem;
  }
}

.photowall{
	position: relative;

	height: 100%; width: 100%;


	display: -webkit-box; /*使用CSS3的盒模型之流式布局*/
	display: -moz-box;
	display: box;

	-webkit-box-pack:center; /*定义盒模型内部元素在水平方向上居于中间位置*/
	-moz-box-pack:center;
	-o-box-pack:center;
	-ms-box-pack:center;
	box-pack:center;

	-webkit-box-align:center; /*定义盒模型内部元素在垂直方向上居于中间位置*/
	-moz-box-align:center;
	-o-box-align:center;
	-ms-box-align:center;
	box-align:center;




}

.photoview{
	position: relative;
	background-color:#f2eada;
	margin: 5px;padding:10px 10px 20px 10px;
	text-align: center;
	font-size:20px;
	box-shadow:.2em .2em .8em #130c0e; /*给照片添加阴影效果，富有立体感*/


}

.photoview p{
	margin-top:5px;  /*设置照片内显示文字段落的外上边距*/
}

.photo01{
	-weikit-transform-origin:right bottom; /*设置右下角为旋转基准点 */
	-moz-transform-origin:right bottom;
	-o-transform-origin:right bottom;
	-ms-transform-origin:right bottom;
	transform-origin:right bottom;

	transform:rotate(10deg); /*以右下角为基准点顺时针旋转10°*/
	-webkit-transform:rotate(10deg);
	-moz-transform:rotate(10deg);
	-o-transform:rotate(10deg);
	-ms-transform:rotate(10deg);


}
.photo02{
	-weikit-transform-origin:right bottom; /*设置右下角为旋转基准点 */
	-moz-transform-origin:right bottom;
	-o-transform-origin:right bottom;
	-ms-transform-origin:right bottom;
	transform-origin:right bottom;

	transform:rotate(-20deg); /*以右下角为基准点逆时针旋转20°*/
	-webkit-transform:rotate(-20deg);
	-moz-transform:rotate(-20deg);
	-o-transform:rotate(-20deg);
	-ms-transform:rotate(-20deg);
}

.photo03{
	-weikit-transform-origin:left top; /*设置左上角为旋转基准点 */
	-moz-transform-origin:left top;
	-o-transform-origin:left top;
	-ms-transform-origin:left top;
	transform-origin:left top;

	transform:rotate(20deg); /*以左上角为基准点顺时针旋转20°*/
	-webkit-transform:rotate(20deg);
	-moz-transform:rotate(20deg);
	-o-transform:rotate(20deg);
	-ms-transform:rotate(20deg);
}
.photo04{
	-weikit-transform-origin:left bottom; /*设置左下角为旋转基准点 */
	-moz-transform-origin:left bottom;
	-o-transform-origin:left bottom;
	-ms-transform-origin:left bottom;
	transform-origin:left bottom;

	transform:rotate(-20deg); /*以左下角为基准点逆时针旋转20°*/
	-webkit-transform:rotate(-20deg);
	-moz-transform:rotate(-20deg);
	-o-transform:rotate(-20deg);
	-ms-transform:rotate(-20deg);
}